<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <link rel="Shortcut Icon" href="imgs/logo.ico"/>
    <title>佰傲嘉</title>
    <style type="text/css">
        * { margin: 0; padding: 0; }
        #banner { width: 100%; background: #17213f; overflow: hidden; position: fixed; top: 0; z-index: 10; }
        #banner ul { margin: 0 auto; padding: 5px 0; width: 1000px; height: 50px; overflow: hidden; }
        #banner li { padding: 10px 0; text-align: center; font-size: 14px; color: #DDD; list-style: none; cursor: pointer; float: left; }
        #banner .li { padding: 15px 20px; }
        #banner .li:hover { color: #0088CC; }
        #nav { width: 100%; height: 320px; background: #FFF; overflow-x: hidden; overflow-y: auto; opacity: 0.9; position: fixed; top: -300px; z-index: 5; }
        #nav ul { margin: 0 auto; padding: 10px 0; width: 1000px; }
        #nav li { padding: 10px 0; font-size: 14px; color: #0088CC; list-style: none; cursor: pointer; }
        #nav li:hover { text-decoration: underline; }
        /*整体背景*/
        #bg { width: 100%; height: 100%; min-height: 500px;
            background: url('/home/imgs/bg.png');
            position: fixed; top: 0px; left: 0; z-index: -10; }
    </style>
</head>
<body>
<!--顶部菜单栏-->
<div id="banner">
    <!--<ul>-->
        <!--<li style="width: 180px; text-align: left;">-->
            <!--<img src="imgs/logo-all.png" style="width:90px;">-->
        <!--</li>-->
        <!--<li class="li">关于我们</li>-->
        <!--<li class="li">生物+大会</li>-->
        <!--<li class="li">基金会与公益使命</li>-->
        <!--<li class="li">研究院与教育支持</li>-->
        <!--<li class="li">愿景唯新实验室</li>-->
        <!--<li class="li">联系我们</li>-->
        <!--<li class="li">EN</li>-->
    <!--</ul>-->
</div>
<!--二级菜单-->
<div id="nav">
    <ul>
        <li>大会日程</li>
        <li>大会规则</li>
        <li>大会报名</li>
        <li>学术委员会</li>
    </ul>
</div>

<!--背景-->
<div id="bg" style="background:none;" onmouseover="navHide()">
    <video id="bgvideo" muted autoplay="autoplay" loop="loop">
        <source src="./imgs/bg.mp4" type="video/mp4"/>
    </video>
</div>

<!--<div style="width: 100%; color: #198954; background: #FFF; font-size: 14px; position: fixed; bottom: 0;">-->
    <!--<div style="margin: 0 auto; padding: 0 auto; padding-top: 5px; padding-bottom: 5px; width: 850px;">-->
        <!--网络备案：-->
        <!--<a href="https://beian.miit.gov.cn" target="_blank" style="color: #198954; text-decoration: none;">浙ICP备2021012406号-2</a>，-->
        <!--佰傲嘉教育 &copy; 2022 Copyright, All Rights Reserved-->
    <!--</div>-->
<!--</div>-->
<div style="width: 100%; color: #198954; background: #FFF; font-size: 14px; position: fixed; bottom: 0;">
    <div style="margin: 0 auto; padding: 0 auto; padding-top: 5px; padding-bottom: 5px; width: 850px;">
        网络备案：
        <a href="https://beian.miit.gov.cn" target="_blank" style="color: #198954; text-decoration: none;">
            浙ICP备2021012406号-3
        </a>，
        佰傲嘉教育 &copy; 2022 Copyright, All Rights Reserved
    </div>
</div>

<span id="pop"></span>
</body>
</html>


<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript">
    var cw = document.documentElement.clientWidth;
    var tops = [
        {id:1,title:'首页',pl: 400, link:''},
        {id:2,title:'生物+大会',pl: 490, link:'https://www.bioplus.org.cn'},
        {id:3,title:'公益基金会',pl:600,link:''},
        {id:4,title:'科学技术研究院',pl:750,link:''},
        {id:5,title:'愿景唯新虚拟实验室',pl:900,link:'http://www.bioplus-edu.com'},
        {id:6,title:'联系我们',pl:1040,link:''},
    ];
    (function(){
        banner();
        if (cw>1920) { $('#bgvideo').width(cw); }
    })();
    function banner(){
        var d = tops;
        var h = '', i, id, title, link;
        h += '<ul>';
        h += '<li style="width: 180px; text-align: left;">';
        h += '<img src="imgs/logo-all.png" style="width:90px;">';
        h += '</li>';
        for (i=0; i<d.length; i++) {
            id = d[i].id; title = d[i].title; link = d[i].link;
            if (d[i].link=='') {
                h += '<li class="li" onclick="pop({msg:\'尽请期待\'})" onmouseover="navShow('+id+')">'+title+'</li>';
            } else {
                h += '<li class="li" onclick="toJump('+id+');">'+title+'</li>';
                h += '<input type="hidden" id="link'+id+'" value="'+link+'"/>';
            }
        }
        h += '<li class="li">EN</li>';
        h += '</ul>';
        $('#banner').html(h);
    }
    function toJump(id){
        window.location.href = $('#link'+id).val();
    }
</script>